/* reset */
html{height: 100vh;overflow-y: hidden}
*{box-sizing: border-box}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,thead,tbody,tfoot,tr,th,td{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
body{line-height:1;padding: 0;margin: 0}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table,th{border-collapse:collapse;border-spacing:0;text-align: center}
a:hover{text-decoration: none !important;cursor: pointer}
/* base styles */
body {
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
    max-width: 1920px;
    width: 100%;
    height: 100%;
    margin: 0 auto 0;
    background-color: #E3E9EE;
}

a {
    color: #0066cc;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

img {
    max-width: 100%;
    height: auto;
}

.select2-container .select2-selection--single {
    height: 26px;
}
.form-group .select2-container .select2-selection--single {
    height: 34px;
}
.select2-container .select2-dropdown {
    border-color: #e6e6e6;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.select2-container .select2-search--inline .select2-search__field {
    margin-top: 6px;
}
.select2-container--default .select2-selection--single {
    border-color: #e6e6e6;
    border-radius: 3px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 12px;
    line-height: 26px;
}
.form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 12px;
    line-height: 34px;
}
.form-material .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
}
.form-group .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px;
}
.form-material .select2-container--default .select2-selection--single {
    border: none;
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #aaa;
}
.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #e6e6e6;
    border-radius: 3px;
    min-height: 26px;
}
.form-material .select2-container--default .select2-selection--multiple,
.form-material .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: none;
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered,
.select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__rendered {
    padding-right: 12px;
    padding-left: 12px;
}
.form-material .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.form-material .select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__rendered {
    padding-left: 0;
}
.has-error .select2-container--default .select2-selection--single,
.has-error .select2-container--default .select2-selection--multiple {
    border-color: #d26a5c;
}
.has-error .select2-container--default.select2-container--focus .select2-selection--single,
.has-error .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #c54736;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    height: 22px;
    line-height: 22px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    background-color: #5c90d2;
    border: none;
    border-radius: 3px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-right: 5px;
    color: rgba(255, 255, 255, 0.5);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: rgba(255, 255, 255, 0.75);
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #e6e6e6;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5c90d2;
}
.select2-container--default .select2-search--inline .select2-search__field {
    padding-right: 0;
    padding-left: 0;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.form-material .select2-container--default .select2-search--inline .select2-search__field {
    padding-left: 0;
}
.select2-search--dropdown .select2-search__field {
    padding: 6px 12px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.flex {
    display: flex;
}

.flex-right {
    text-align: right;
}

.flex-center {
    align-items: center;
}

.flex-end {
    justify-content: flex-end;
}

.space-around {
    justify-content: space-around;
}

.between {
    justify-content: space-between;
}

.s_center {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.h_center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.h_center1 {
    display: flex;
    align-items: center;
}

.nowrap {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.pdbox {
    width: 100%;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
}

.bold {
    font-weight: bold;
}

.rel {
    position: relative;
}

.fix {
    position: fixed;
}

.abs {
    position: absolute;
}

.ac {
    text-align: center;
}

.ar {
    text-align: right;
}

.al {
    text-align: left;
}

.fn14 {
    font-size: 14px;
}

.fn16 {
    font-size: 16px;
}

.fn18 {
    font-size: 18px;
}

.fn20 {
    font-size: 20px;
}

.fn22 {
    font-size: 22px;
}

.fn24 {
    font-size: 24px;
}

.fn26 {
    font-size: 26px;
}

.fn28 {
    font-size: 28px;
}

.fn30 {
    font-size: 30px;
}

.fn32 {
    font-size: 32px;
}

.fn34 {
    font-size: 34px;
}

.fn36 {
    font-size: 36px;
}

.fn38 {
    font-size: 38px;
}

.fn40 {
    font-size: 40px;
}

.fn42 {
    font-size: 42px;
}

.fn48 {
    font-size: 48px;
}

.fn50 {
    font-size: 50px;
}

.fn60 {
    font-size: 60px;
}

.fn65 {
    font-size: 65px;
}

.fn70 {
    font-size: 70px;
}

.fn73 {
    font-size: 73px;
}

.F1 {
    flex: 1;
}

.F2 {
    flex: 2;
}

.F3 {
    flex: 3;
}

.F4 {
    flex: 4;
}

.F5 {
    flex: 5;
}

.F6 {
    flex: 6;
}

.F7 {
    flex: 7;
}

.F8 {
    flex: 8;
}

.F9 {
    flex: 9;
}

.mar_l_10 {
    margin-left: 10px;
}

.mar_l_30 {
    margin-left: 30px;
}

.mar_r_10 {
    margin-right: 10px;
}

.mar_t_20 {
    margin-top: 20px;
}

.mar_t_30 {
    margin-top: 30px;
}

.wrap {
    flex-wrap: wrap;
}


/* 滚动条样式*/

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}


::-webkit-scrollbar-thumb {
    background-color: #888;
}


::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}


::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

/* layui 样式*/
.layui-img {
    vertical-align: middle;
}
.layui-layout-body {
    overflow: hidden;
    width: 100vw;
    height: 100vh;
}
.layui-layout-admin {
    background-color: #F5F7FE;
    display: flex;
    max-width: 1920px;
    margin: auto;
    flex-direction: column;
}
.layui-layout-admin .layui-header {
    background: #fff;
    border-bottom: 1px solid #e6e6e6;
    height: 60px;
    line-height: 60px;
    box-shadow: 0 2px 8px #f0f1f2;

    display: flex;
    width: 100%;
    position: static !important;
    margin-bottom: 10px;
}
.layui-header-left {
    display: flex;
    flex: 1;
}
.layui-header-left .logo {
    float: left;
    font-size: 22px;
    color: #d32d2d;
    font-weight: bold;
    margin-left: 30px;
    letter-spacing: 2px;
    height: 59px;
}
.layui-header-left .logo img {
    height: 100%;
}
.layui-header-left .title {
    padding-left: 20px;
    border-left: 1px solid #9A9A9A;
    margin: auto 15px auto 20px;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
}
.layui-header-left .title a {
    padding: 0 12px;
    color: #333;
}
.layui-header-left .layui-tab {
    margin: 0 !important;
}
.layui-header-left .layui-tab .layui-tab-title {
    border-bottom-width: 0px !important;
}
.layui-header-left .layui-tab .layui-tab-title li {
    line-height: 60px !important;
}
.layui-header-left .layui-tab-brief>.layui-tab-title .layui-this {
    color: #000 !important;
}
.layui-header-left .layui-tab-brief>.layui-tab-more li.layui-this:after,.layui-header-left .layui-tab-brief>.layui-tab-title .layui-this:after {
    border: none;
    border-radius: 0;
    border-top: 9px solid #5296df;
}
.layui-header-right {
    display: flex;
}
.layui-header-right .layui-header-more .layui-nav-item>a {
    color: #333;
    font-size: 16px;
    padding: unset;
}
.layui-header-right .layui-header-more dl {
    width: 310px;
    left: -285px;
    top: 60px;
    padding: 20px;
}
.layui-header-right .layui-header-more dl a {
    text-align: center;
    padding-top: 24px;
}
.layui-header-right .layui-header-more dl .a-box-i {
    height: 30px;
}
.layui-header-right .layui-header-more dl .a-box-i i {
    font-size: 30px;
}
.layui-header-right .layui-nav .layui-nav-item a {
    display: block;
}
.layui-header-user {
    display: flex;
    flex-direction: column;
}
.layui-header-user .header-nickname {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #d32d2d;
    text-align: center;
    color: #fff;
    line-height: 30px;
    margin: 5px 20px -20px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 24px;
    padding: 0 0 0 4px;
}
.layui-header-user .header-logout {
    height: 14px;text-align: center;
}

.layui-input, .layui-select, .layui-textarea,.d-input .select2-container--default .select2-selection--single{
    height: 34px;
}
.d-input .layui-input,.d-input .select2-container--default .select2-selection--single{
    height: 34px;
    background-color: #eee;
}
.layui-input-block{
    min-height: 34px;
}
.layui-form-select dl{
    top: 30px;
}
.layui-table, .layui-table-view{
    margin: 0;
}
.layui-table-tips-c:before {
    position: relative;
    right: 1px;
    top: -4px;
}
.layui-btn-red1{
    background-color: #FF0000;
}
.layui-btn-reset{
    /*background-color: #6E6E6E;*/
    border-color: #eee;
    background-color: #eee;
    color: #666;
}
.layui-btn-blue{
    background-color: #4090E5;
}

.layui-form-item{
    margin-bottom: 0;
}
.layui-border-box, .layui-border-box *{
    font-size: 12px;
}
.layui-table-page{
    text-align: center;
}
.layui-form-label{
    padding: 0 15px;
    line-height: 26px;
    width: 110px;
}
.layui-form-radio{
    margin-right: 5px;
    padding-right: 5px;
    margin-top: 0;
}
.layui-btn{
    border-radius: 3px;
}
.layui-table-cell{
    height: auto;
    padding: 0 1px;
    line-height: 45px;
}
th .layui-table-cell {
     overflow: inherit;
}
.layui-form-radio *{
    font-size: 12px;
}
.layui-form-radio>i{
    margin-right: 3px;
    font-size: 12px;
}
.layui-btn-green{
    background-color: #009688;
}
.layui-table thead tr,.layui-table tr:nth-child(2n+2) {
    background-color: #F2F2F2;
}
/*.layui-table-view .layui-table th{*/
.layui-table th,.layui-border-box th{
    font-weight: bold!important;
    color: #000000!important;
    background-color: #97BEF5;
}
/*.layui-table-view .layui-table td, .layui-table-view .layui-table th {*/
.layui-table td, .layui-table-view .layui-table th,.layui-border-box td, .layui-border-box th {
    padding: 0.1px 0;
    border-top: none;
    border-left: none;
}
.layui-table-view .layui-form-checkbox[lay-skin=primary] i {
    /*border-radius: 50%;*/
    /*background-color: #fff;*/
}
.layui-layer-iframe > .layui-layer-title {
    /*background-color: #1684FC;
    color: #fff;
    text-align: center;*/
    font-size: 16px;
}
.layui-layer-iframe > .layui-layer-setwin .layui-layer-close1 {
    background-position: 14px -31px;
    width: 30px;
    height: 30px;
    margin-top: -7px;
}
.layui-table-grid-down,.layui-table-grid-down:hover {
    width: 40px;
    /*color: #0066cc;*/
    color: #fff;
    background-color: #5cb85c;
}
.layui-table-grid-down > .layui-icon {
    position: unset;
    top: auto;
    left: auto;
    margin: auto;
}
.layui-table-grid-down > .layui-icon-down:before {
    content: "更多\e61a";
}

.btn{
    border-radius: 3px;
    height: 22px;
    line-height: 22px;
    padding: 0 5px;
    font-size: 12px;
    border: 1px solid #d2d2d2;
    white-space: nowrap;
    text-align: center;
    cursor: pointer;
    outline: 0;
    -webkit-appearance: none;
    -webkit-transition: all .3s;
    box-sizing: border-box;
    display: inline-block;
    -webkit-user-select: none;
    vertical-align: middle;
    margin: 0 2px;
}

header{
    height: 53px;
    background-color: red;
    padding: 6px 17px;
    border-radius: 5px 5px 0 0;
}
.nav{

}
.nav .item{
    padding: 0 20px 0 10px;
    height: 53px;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    position: relative;
}
.nav .item ul{
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .3s all ease-in;
    left: 0;
    top: 100%;
    background-color: rgba(0,0,0,.6);
}
.nav .item:hover ul{
    height: auto;
    z-index: 999;
}
.nav .item ul a{
    height: 36px;
    text-align: center;
    display: block;
    line-height: 36px;
    transition: .3s all ease-in;
    font-size: 14px;
    border-bottom: 1px solid rgba(255,255,255,.3);
    color: #fff;
}
.nav .item ul li a:hover{
    background-color: #fff;
    border-bottom: 2px solid #4480e2;
    color: #4480e2;
}
.nav .item ul li .active{
    background-color: #fff;
    border-bottom: 2px solid #4480e2;
    color: #4480e2;
}
.nav .item span{
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    line-height: 14px;
    margin-left: 3px;
}
.nav .item i{
    font-size: 14px;
    color: #fff;
    margin-top: 2px;
}
.nav .item img{
    width: 14px;
    height: 14px;
}
.nav .item img:last-of-type{
    display: none;
}
.nav .item.on{
    background-color: #fff;
    border-bottom: 2px solid #4480e2;
}
.nav .item.on span{
    color: #4480e2;
}
.nav .item.on i{
    font-size: 14px;
    color: #4480e2;
    margin-top: 2px;
}
.nav .item.on img{
    display: block;
}

.user span{
    font-size: 12px;
    color: #fff;
    margin: 0 26px 0 5px;
}
.user a{
    font-size: 12px;
    color: #fff;
    padding-top: 25px;
}
.user img{
    width: 28px;
    height: 28px;
    border-radius: 50%;
}

.main{
    height: 100%;
}
.nav-left,.layui-nav-tree {
    width: 150px;
    height: 94.1%;
    float: left;
    background: #fff;
    border-right: #E3E9EE 2px solid;
}
.layui-nav-tree {
    height: 80.5%;
 }
.layui-nav-side {
    top: 180px;
    left: unset;
}
.layui-nav .layui-nav-item {
    margin: 0 0 1px 1px;
}
.layui-nav .layui-nav-item a {
    display: flex;
    align-items: center;
    font-size: 14px;
    padding: 0 5px;
    color: #323332;
}
.layui-nav-tree .layui-nav-item>a .layui-nav-more {
    padding: unset;
}
.layui-nav-tree .layui-nav-more {
    right: unset;
}
.layui-nav .layui-nav-item a:hover,.layui-nav .layui-this a {
    color: red
}
.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover,.layui-nav-tree .layui-nav-child,.layui-nav-tree .layui-nav-child .on a,.layui-nav-tree .layui-nav-child a:hover {
    background-color: #F0F7FD;
    color: #0052D9;
}
.layui-nav-itemed>a, .layui-nav-tree .layui-nav-title a, .layui-nav-tree .layui-nav-title a:hover {
    color: #0052D9 !important;
}
.layui-nav-itemed>.layui-nav-child {
    display: block;
    background-color: #fff !important;
}
.layui-nav-tree .layui-nav-child dd {
    margin-left: 10px;
}
.layui-nav .layui-nav-item .layui-nav-bar-a {
    font-size: 12px;
    padding: 0 5px;
    color: #323332;
    border-left: 5px solid #0052D9;
}
.layui-nav-tree .layui-nav-bar {
    width: 4px;
    height: 0;
    background-color: #0052D9;
    margin-left: 1px;
}
.item-border {
    /*border-left: 4px solid #0052D9;*/
}

.top{
    height: 166px;
    padding: 0 40px;
}
.top-g{
    height: 159px;
    background: #fff;
    width: 100%;
    margin-top: 6px;
}
.top-g .title{
    height: 22px;
    padding-left: 20px;
}
.top-g .title span{
    font-size: 14px;
    line-height: 36px;
    cursor: pointer;
    color: #CCCCCC;
    margin-right: 50px;
}
.top-g .title span.on{
    color: #0099FF;
    text-decoration: underline;
}
.top-g .chartsBox {
}
.top-g .h1{
    line-height: 0;
    padding: 0 20px;
    margin-top: 9px
}
.top-g .h2{
    line-height: 0;
    padding: 0 20px;
    margin-top: 21px
}
.top-g .h1 font{
    font-size: 12px;
    color: #383838;
}
.top-g .h1 label{
    font-size: 12px;
    color: #9d9d9d;
}
.top-g .h2 font{
    font-size: 24px;
    color: #000;
    font-weight: bold;
}
.top-g .h2 label{
    font-size: 24px;
    color: #000;
    font-weight: bold;
}
.top-g .chartsBox  .charts{
    flex: 0 0 16.6667%;
    position: relative;
}
.top-g .chart{
    margin-top: 17px;
    height: 90px
}
.top-g .chartsBox  .charts::before{
    content: ' ';
    position: absolute;
    right: 0;
    width: 1px;
    height: 80%;
    top: 50%;
    transform: translateY(-50%);
    background: #E3E9EE;
}
.top-g .chartsBox .charts::after{
    content: ' ';
    position: absolute;
    right: -1px;
    width: 3px;
    height: 40px;
    top: 50%;
    transform: translateY(-50%);
    background: #B3D1FD;
}
.top-g .chartsBox  .charts:last-of-type::before,
.top-g .chartsBox  .charts:last-of-type::after{
    display: none;
}

.changeYear{
    width: 320px;
    height: 158px;
    background-color: #fff;
    border-radius: 3px;
}
.year-panel{
    padding: 8px 15px;
    border-bottom: 1px solid #e7e7e7;
}
.year-panel .left{
    font-size: 16px;
    color: #0C0C0C;
    font-weight: bold;
}
.year-panel .right span{
    width: 10px;
    height: 10px;
    border: 1px solid #333;
    border-radius: 50%;
    margin: 0 5px;
}
.year-panel .right i{
    cursor: pointer;
}
.year-list a{
    display: block;
    font-size: 12px;
    color: #333;
    width: 20%;
    flex: 0 0 20%;
    text-align: center;
    height: 50px;
    line-height: 40px;
    position: relative;
}
.year-list a::before{
    content: ' ';
    width: 6px;
    flex: 0 0 6px;
    position: absolute;
    height: 6px;
    background-color: #1963dd;
    left: 50%;
    bottom: 10px;
    border-radius: 50%;
    transform: translateX(-50%);
    opacity: 0;
}
.year-list a.on{
    color: #1963dd;
    font-weight: bold;
}
.year-list a.on::before{
    opacity: 1;
}
.top .month{
    width: 279px;
    height: 158px;
    margin: 0 15px;
    background-color: #fff;
}
.top .month .title{
    text-align: center;
    height: 40px;
    border-bottom: 1px solid #e7e7e7;
    font-size: 16px;
    color: #0C0C0C;
    line-height: 40px;
    font-weight: bold;
}
.top .month .box{
    padding: 15px 30px;
}
.top .month .box .item span{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    background-color: #2C6CD8;
}
.top .month .box .item h5
.top .month .box .item p{
    font-size: 12px;
    color: #333;
}
.top .month .box .item font{
    font-size: 12px;
    color: #2E6DD7;
}
.top .month .box .item:nth-child(2){
    margin: 12px 0;
}
.top .month .box .item:nth-child(2) span{
    background-color: #6798E7;
}
.top .month .box .item:nth-child(3) span{
    background-color: #96B8E6;
}

.top .charts{
    width: calc(100% - 519px);
    height: 158px;
}

.bottom{
    height: 100%;
    background-color: #fff;
    padding: 15px 6px;
    align-items: stretch;

}

.bottom .nav{
    height: 30px;
    width: 100%;
    margin-bottom: 10px;
    border-bottom: 1px solid #eff3f6;
}
.bottom .nav .item{
    padding: 0 15px;
    position: relative;
    font-size: 14px;
    height: 30px;
    margin: 0 15px;
    cursor: pointer;
    line-height: 30px;
    color: #2464E2;
}
.bottom .nav .item::before{
    content: ' ';
    position: absolute;
    width: 0;
    height: 3px;
    background-color: #FF0000;
    transition: .5s all ease-in-out;
    left: 0;
    bottom: 0;
}
.bottom .nav .item:hover::before,
.bottom .nav .item.on::before{
    width: 100%;
}
.bottom .bottomBox{
    height: calc(100% - 40px);
    align-items: flex-start;
}

.bottom .left{
    width: 390px;
    height: 100%;
}
.bottom .left .title{
    height: 26px;
    margin-bottom: 9px;
}
.bottom .left .title .name{
    font-size: 12px;
    color: #333;
    font-weight: bold;
    flex: 0 0 92px;
    margin-right: 20px;
}
.bottom .left .title .layui-btn{
    height: 26px;
    line-height: 26px;
    border-radius: 3px;
}
.bottom .left .layui-table-page{
    text-align: center;
}
.bottom .left .layui-laypage-skip,
.bottom .left .layui-laypage-count,
.bottom .left .layui-laypage-limits{
    display: none;
}
.bottom .left .table{
    /*height: calc(100% - 35px);*/
    /*border: 1px solid #dbdbdb;*/
}
.bottom .left .table .up{
    padding: 8px 7px;
    border-bottom: 1px solid #dbdbdb;
    height: 42px;
    background-color: rgba(218, 218, 218, 0.2);
}
.bottom .left .table .tableBox{
    height: calc(100% - 42px);
}
.bottom .left .table .tableBox table{
    width: 100%;
}

.bottom .right{
    width: 100%;
    margin-right: 4px;
}
.bottom .right .title{
    /*height: 26px;*/
    margin-bottom: 9px;
}
.bottom .right
.bottom .right .title .name{
    font-size: 12px;
    color: #333;
    font-weight: bold;
    flex: 0 0 100px;
    margin-right: 20px;
}
.bottom .right .title .layui-btn{
    height: 26px;
    line-height: 26px;
    border-radius: 3px;
    margin-left: auto;
    margin-right: 5px;
}
.bottom .right .layui-form-item .layui-inline{
    margin-bottom: 0;
}
.bottom .right .input{
    flex: 0 0 170px;
    margin: 0 10px;
}
.input-group .form-control {
    z-index: auto;
}
.input-group-addon {
    padding: 5px 12px;
    background-color: #fff;
    border: 1px solid #fff;
    width: 81px;
    text-align: right;
}
.d-input{
    width: 180px;
    /*margin: 10px 10px 10px 0;*/
    margin: 10px 0 10px 0;
    padding: 0 20px 0 0;
}
.d-input1{
    /*width: 180px;*/
    width: 20%;
}
.d-input2{
    /*width: 250px;*/
    width: 25%;
}
.d-input3{
    /*width: 360px;*/
    width: 33%;
}
.d-input4{
    /*width: 420px;*/
    width: 50%;
}
.d-input5{
    /*width: 530px;*/
    width: 100%;
}
.search-bar {
    width: 280px;
}
.bottom .right .table{
    /*height: calc(100% - 35px);*/
    /*border: 1px solid #dbdbdb;*/
}
.bottom .right .table .up{
    padding: 8px 7px;
    border-bottom: 1px solid #dbdbdb;
    height: 42px;
    background-color: rgba(218, 218, 218, 0.2);
}
.bottom .right .table .tableBox{
    height: calc(100% - 42px);
}
.bottom .right .table .tableBox table{
    width: 100%;
}
.st{
    display: inline-block;
    font-size: 12px;
    background-color: #d2d2d2;
    border-radius: 3px;
    color: #fff;
    margin-left: 3px;
    height: 15px;
    line-height: 15px;
    padding: 0 2px;
}

.label-primary {
    background-color: #5c90d2;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #3675c5;
}
.label-success {
    background-color: #2DB71F;
}
.label-success[href]:hover,
.label-success[href]:focus {
    background-color: #34a263;
}
.label-info {
    background-color: #1E9FFF;
}
.label-info[href]:hover,
.label-info[href]:focus {
    background-color: #276cde;
}
.label-warning {
    background-color: #FCCA00;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
    background-color: #efa231;
}
.label-danger {
    background-color: #d26a5c;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
    background-color: #c54736;
}
.badge-primary {
    background-color: #276cde;
}
.badge-success {
    background-color: #2DB71F;
}
.badge-info {
    background-color: #1E9FFF;
}
.badge-warning {
    background-color: #FCCA00;
}
.badge-orange {
    background-color: #efa231;
}
.badge-danger {
    background-color: #FF1600;
}
.badge-green {
    background-color: #A6F055;
}

.bottom .right .table .layui-form-checked span,
.bottom .right .table .layui-form-checked:hover span{
    background-color: #5FB878;
}
.bottom .right .table .layui-form-checked i,
.bottom .right .table .layui-form-checked:hover i{
    /*color: #5FB878;*/
}

.layui-table tbody tr:hover,.layui-table-click,.layui-table-hover{
    background-color:#FAF2B5
}

/*.layui-form-checked[lay-skin=primary]>i {
    border-color: #286CDE!important;
    background-color: #286CDE;
    color: #fff;
}

.layui-table-checked {
    background-color: #f5f5f5;
}

.layui-table-checked.layui-table-click,.layui-table-checked.layui-table-hover {
    background-color:#E0E1E0;
}*/
.layui-form-checkbox i {
    border-left: 1px solid #d2d2d2;
}
.layui-table-tool {
    padding: 5px;
    border-bottom: 1px solid #dbdbdb;
    height: 42px;
    background-color: #F2F2F2;
    min-height: 42px;
}

.layui-table-tool-temp {
padding-right: 0;
display: flex;
align-items: center;
justify-content: space-between;
}

.layui-table-tool .layui-table-tool-self .layui-table-tool-panel {
    left: auto;
    right: -1px;
}

.layui-table-tool-panel {
    color: black;
    left: auto;
    right: -1px;
    top: auto;
    /*right: 5px;
    min-width: 0;*/
}

.ititle{
    float: left;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    padding-left: 10px;
}
.ititle::before{
    content: ' ';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 11px;
    width: 3px;
    background-color: #286CDE;
}
.ititle-text{
    color: #000;
}

.fixedName,.top_fixedName{
    color: #0066cc;
    cursor: pointer;
}
.fixed{
    position: fixed;
    width: 100%;
    max-width: 1920px;
    height: 0;
    background: url("../img/sales_fixBg.png") no-repeat center top;
    background-size: 100%;
    bottom: 0;
    transition: .5s ease-in-out;
}
.fixed.on{
    height: 382px;
    max-width: 1920px;
    z-index: 9999;
}
.fixed .close{
    height: 30px;
    cursor: pointer;
    float: unset;
    font-size: unset;
    font-weight: unset;
    line-height: unset;
    opacity: unset;
}
.fixed .box{
padding: 15px 18px 0;
align-items: stretch;
}
.fixed .box .left{
flex: 0 0 159px;
}
.fixed .box .left .title{
padding: 20px 0;
text-align: center;
background: url("../img/downLine.png") no-repeat center bottom;
background-size: 100% 5px;
font-size: 16px;
color: #fff;
}
.fixed .box .left  .list .item{
width: 159px;
height: 42px;
font-size: 12px;
color: #fff;
cursor: pointer;
margin: 20px 0;
transition: .5s all ease-in-out;
}
.fixed .box .left  .list .item.on{
background-color: #0A57D7;
}

.fixed .box .right{
width: 1542px;
}
.fixed .box .right .title{
    margin-left: -340px;
    text-align: center;
    font-size: 16px;
    padding: 20px 0 10px;
    color: #fff;
}
.fixed .box .right .section{
display: none;
}
.fixed .box .right .section.on{
display: block;
}
.fixed .box .right .infos{
margin-bottom: 15px
}
.fixed .box .right .infos .item{
font-size: 14px;
color: #fff;
}
.top-s{
    width: -webkit-fill-available;
}
.topInfo{
    display: none;
    width:-webkit-fill-available;
    height: 166px;
}
.topInfo .item{
    width: 49.5%;
    float: left;
}
.topInfo .item:first-of-type{
    margin-right:1%;
}
.topInfo .item .title{
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #000;
}
.topInfo .item .table-sec{
    width: 100%;
    text-align: center;
}
.topInfo .item .table-sec tr{
    background-color: #EFEFEF;
    margin-top: 2px;
    color: #276CDE;
    padding: 0 50px;
    line-height: 40px;
    height: 40px;
}
.topInfo .item .table-sec tr:nth-child(1){
    background-color: #EFEFEF;
    color: #276CDE;
}
.topInfo .item tr:nth-child(2){
    background-color: #EDF4FF;
    color: #276CDE;
}
.topInfo .item tr:nth-child(3){
    background-color: #CDE0FF;
    color: #33CC33;
}

.section .list .item,
.section .list1 .item{
border-top: 1px solid rgba(223, 223, 223, .15);
height: 30px;
}
.section .list .item span font{
color: #FFA800;
margin: 0 5px;
}
.section .list .item span,
.section .list1 .item span{
font-size: 12px;
color: #fff;
text-align: center;
}
.section .list .item span:first-child,
.section .list1 .item span:first-child{
text-align: left;
}
.section0 .list .item span:nth-child(1){
flex: 0 0 2%;
}
.section0 .list .item span:nth-child(2){
flex: 0 0 4%;
}
.section0 .list .item span:nth-child(3),
.section0 .list .item span:nth-child(4){
flex: 0 0 12%;
}
.section0 .list .item span{
flex: 0 0 10%;

}
.section1 .list .item span{
flex: 0 0 12.5%;

}
.section3 .list .item span{
flex: 0 0 16.67%;

}
.section2 .list .item span{
flex: 0 0 14.28%;

}
.section2 .list1 .item span{
flex: 0 0 16.67%;

}

.btn-group, .btn-group-vertical {
    display: block;
}

.form-control,div.tagsinput {
    border-radius: 2px;
    border: 1px solid #eee;
    -webkit-box-shadow: none;
}

div.tagsinput span.tag {
    padding: 2px;
}

.tagsinput span.tag,div.tagsinput input {
    height: 22px;
}

div.tagsinput span.tag {
    padding: 2px 5px;
    height: 22px;
    line-height: 18px;
    color: #fff;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    background-color: #276cde;
    border: none;
}

div.tagsinput span.tag a {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.5);
}

.css-radio input {
    position: absolute;
}

.css-input input[type=checkbox], input[type=radio] {
    margin: 2px 0 0;
}

.css-input input + span {
    position: relative;
    display: inline-block;
    margin-top: -3px;
    margin-right: 0;
    vertical-align: middle;
}

.css-input input:checked + span + font {
    color: #276cde; /* 选中时的字体颜色 */
}

.css-radio.css-radio-sm {
    font-size: 12px;
    margin-top: 4px;
    cursor: pointer;
}

.push-10-r {
    margin-right: 10px !important;
}

.css-radio.css-radio-sm input + span {
    width: 12px;
    height: 12px;
}

.webuploader-container {
    display: block;
    float: left;
}

.webuploader-pick {
    padding: 6px 2px;
}

.uploader-list {
    display: flex;
    margin: auto;
}

.list-group-item {
    padding: 6px 2px;
}

.search-left{
justify-content: flex-start;
display: flex;
align-items: center;
}

.search-right{
flex:1;
justify-content: flex-end;
display: flex;
align-items: center;
}

.row {
    /*overflow: scroll;*/
    margin-right: auto;
    margin-left: auto;
    padding: 10px 0;
    background-color: #fff;
    height: -webkit-fill-available;
}

.table-title {
    min-width: 60px;
}

.text-success {
    color: #46c37b;
}

.text-danger {
    color: #DA0000;
}

.text-warning {
    color: #CC9900;
}

.text-black {
    color: #000000;
}

.text-white {
    color: #fff;
}

.must-text {
    font-size: 13px;
    line-height: 26px;
    font-weight: 400;
    color: #333;
}

.must::before {
    content: "※";
    color: red;
    margin-right: 3px;
}

.btn-default {
    border-color: #eee;
    background-color: #eee;
    color: #666;
}

.search-btn {
    height: 26px;
}

.dch-form-btn {
    text-align: right;
}

.nav > li > a {
    padding: 3px 15px;
}



.pricing_menu_left{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    overflow: hidden;
    display: none;
    max-width: 1920px;
    z-index: 9999;
}
.pricing_menu_show{
    width: 480px;
    height: 75%;
    overflow: hidden;
    background: #ffffff;
    margin-top: 5%;
    transition: 1s;
    padding: 0 5px;
    margin-left: -480px;
}
.pricing_menu_title{
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #8D8D8D;
    padding: 0 10px;
}
.pricing_menu_title_one{
    flex: auto;
    text-align: center;
    justify-content: center;
    font-weight: bold
}
.pricing_menu_title_one_img{
    width: 20px;
}
.pricing_menu_left_show{
    position: absolute;
    top: 138px;
    padding: 5px 7px;
    border-radius: 6px;
    background: #b0caff;
    text-align: center;
    z-index: 9999;
    opacity: 0.4;
}
.pricing_menu_left_show img{
    width: 30px;
    height: 30px;
    margin-top: 4px;
}
.layui-input-wrap .layui-input-prefix, .layui-input-wrap .layui-input-split, .layui-input-wrap .layui-input-suffix {
    pointer-events: none;
}
.layui-input-prefix {
    left: 0;
    border-radius: 2px 0 0 2px;
}
.layui-input-wrap {
    position: relative;
    line-height: 26px;
}
.layui-input-prefix, .layui-input-split, .layui-input-suffix, .layui-input-suffix .layui-input-affix {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    width: 26px;
    height: 100%;
    text-align: center;
    transition: all .3s;
    box-sizing: border-box;
}
.layui-input-wrap .layui-input-prefix+.layui-input, .layui-input-wrap .layui-input-prefix~* .layui-input {
    padding-left: 26px;
}
.layui-nav-child {
    z-index: 1000;
    top: 35px;
}
.d-nav .layui-nav-child {
    margin-left: -40px;
}
.d-nav dl {
    width: 147px;
    text-align: center;
}

.new-table-head {
    font-weight: 600;
    height: 59px;
    margin: 0;
    line-height: 50px;
    padding-left: 0;
    /*border-radius: 5px 5px 0 0;*/
}

.new-table-head-flex {
    display: flex;
}

.new-table-head span {
    flex: 1;
    margin: 0 10px;
    /* overflow: hidden; */
    white-space: nowrap;
    /* text-overflow: ellipsis; */
}

.new-table-head-left {
    float: left;
}

.new-table-head-right {
    float: right;
}

.layui-progress {
    margin-right: 30px;
    margin-left: 30px;
}

.layui-progress-text {
    height: 17px;
    width: 60px;
    display: block;
    position: absolute;
    top: -5px;
    right: -40px;
    /* background-color: #3388ff; */
    border-radius: 20px;
    color: #fff;
    text-align: center;
}

.table-total {
    margin-left: 15px;
    text-align: left;
}

.table-btn i {
    padding: 0 3px;
    font-size: 16px;
}

.index-content,.index-menu,.index-user {
    display: flex;
}
.index-left {
    width: 431px;
    display: flex;
    flex-direction: column;
}
.index-div {
    margin: 20px 20px 0 0;
    padding: 20px;
    background-color: #fff;
}
.index-user {
    align-items: center;
}
.index-user .index-user-img {
    height: 72px;
    width: 72px;
    margin: auto 20px auto 0;
}
.index-user .index-user-info {
    display: flex;
    line-height: 40px;
}
.index-user .index-user-info-username {
    color: #4F4F4F;
    font-size: 18px;
    margin-right: 20px;
    font-weight: bold;
}
.index-user .index-user-info-role {
    height: 22px;
    min-width: 87px;
    color: #816948;
    background-color: #FFFAF3;
    margin: auto 0;
    display: flex;
    line-height: 22px;
    font-size: 14px;
}
.index-user .index-user-info-role i {
    font-size: 1.3em;
    color: #F5B169;
    padding-right: 5px;
}
.index-user .index-user-info-group {
    color: #9A9A9A;
}
.index-user .index-user-info-mill {
    color: #9A9A9A;
    margin-left: 20px;
}
.index-title{
    display: flex;
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
}
.index-title .index-title-i {
    font-size: 1.6em;
    color: #4095E5;
    padding-right: 5px;
}
.index-title .index-title-right {
    margin-left: auto;
}
.index-number {
    font-size: 12px;
    margin-left: 146px;
    text-align: left;
}
.index-number-li {
    margin-top: 17px;
    color: #9A9A9A;
}
.index-number-li span {
    color: #333;
}
.index-stat {
    width: 306px;
    background-color: rgb(255, 255, 255);
    flex-direction: column;
    display: flex;
    padding: 13px;
}
.index-stat-li {
    height: 134px;
    position: relative;
    width: 276px;
    margin: 7px auto;
}
.index-stat-li-info {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 16px;
}
.index-stat-li-info .index-stat-li-title {
    font-size: 16px;
}
.index-stat-li-info .index-stat-li-number {
    top: 59px;
    font-size: 24px;
}
.index-stat-li-info .index-stat-li-onyear {
    bottom: 18px;
    font-size: 12px;
}
.index-stat-li-img {
    width: 118px;
    height: 69px;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.index-stat-li-bg0 {
    background: linear-gradient(rgb(246, 254, 243), rgb(236, 253, 239));
}
.index-stat-li-bg1 {
    background: linear-gradient(rgb(242, 248, 254), rgb(233, 244, 253));
}
.index-stat-li-bg2 {
    background: linear-gradient(rgb(224, 244, 245), rgb(201, 249, 252));
}
.index-stat-li-bg3 {
    background: linear-gradient(rgb(245, 246, 254), rgb(237, 238, 254));
}
.index-nav {
    background-color: rgb(255, 255, 255);
    width: calc(-810px + 100vw);
    margin-left: 20px;
    max-width: 1163px;
    padding: 30px;
}
.index-nav .index-nav-title {
    color: rgb(52, 53, 56);
    font-size: 16px;
    font-weight: bold;
}
.index-nav .index-nav-ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
}
.index-nav .index-nav-li {
    width: 283px;
    height: 86px;
    display: flex;
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 20px 30px;
    background-color: rgb(247, 247, 250);
    color: rgb(52, 53, 56);
}
.index-nav .index-nav-li:hover{
    background-color: #fbefe2;
    color: #FF0000;
}
.index-nav .index-nav-li .index-nav-li-i {
    width: 43px;
    height: 43px;
    margin: auto 0px;
    padding: 6px 10px;
    border-radius: 10%;
}
.index-nav .index-nav-li .index-nav-li-i i {
    font-size: 23px;
}
.index-nav .index-nav-li .index-nav-li-i-bg {
    background: linear-gradient(rgb(253, 175, 175), rgb(251, 134, 25));
}
.index-nav .index-nav-li .index-nav-li-i-bg i {
    color: rgb(189, 49, 36);
}
.index-nav .index-nav-li .index-nav-li-i-bg1 {
    background: linear-gradient(rgb(57, 116, 255), rgb(57, 116, 255));
}
.index-nav .index-nav-li .index-nav-li-i-bg1 i {
    color: rgb(255, 255, 255);
}
.index-nav .index-nav-li .index-nav-li-content {
    margin: auto auto auto 10px;
}
.index-nav .index-nav-li .index-nav-li-title {
    font-weight: bold;
}
.index-nav .index-nav-li .index-nav-li-note {
    color: #9A9A9A;
    font-size: 12px;
}
.index-right-bottom {
    margin: 20px 0 0 0;
    background-color: #fff;
    height: calc(100vh - 740px);
    padding: 20px;
}
.index-right-bottom .index-right-bottom-title {
    font-size: 16px;
    color: #343538;
    margin-bottom: 10px;
}
.index-right-bottom .index-right-bottom-content {
    font-size: 12px;
    display: flex;
}
.index-right-bottom-content .index-right-bottom-content-left {
    display: flex;
    border-right: 1px solid #9a9a9a;
    width: 50%;
}
.index-right-bottom-content .index-right-bottom-content-right {
    display: flex;
    margin-left: 20px;
    width: 50%;
}
.index-right-bottom-content ul {
    list-style: none;
    padding-left: 20px;
    width: 100%;
}
.index-right-bottom-content ul li {
    display: flex;
    line-height: 46px;
    list-style: none;
}
.index-right-bottom-content ul li::before {
    content: "●"; /* 使用Unicode字符或图标 */
    color:#5A9BF8;
    font-size: 12px; /* 大小 */
    display: inline-block;
    width: 0em; /* 间距 */
    margin-left: -1em; /* 对齐 */
}
.index-right-bottom-content .li-title {
    flex: 5;
    text-align: center;
}
.index-right-bottom-content .li-time {
    flex: 2;
    text-align: center;
    color: #9a9a9a;
}
.index-right-bottom-content .li-btn {
    flex: 1;
    text-align: center;
}
.index-right-bottom-content ul .li-more,.index-right-bottom-content ul .li-more::before {
    color: #9a9a9a;
}
.index-menu{
    margin: 20px 0 0 0;
}
.index-user {
    flex: 1;
}
.index-total{
    flex:1.24;
}
.index-show{
    flex:1.7;
}
.index-chart {
    flex:3.31;
}
.s_table{
    /*float: right;*/
}
.s_table .layui-tab-title {
    height: 48px;
    border-color: #bbbbbb;
}
.s_table .layui-tab-title li {
    height: 40px;
}
.s_table .layui-tab-brief>.layui-tab-title .layui-this {
    color: #777 !important;
}
.s_table .layui-tab-brief>.layui-tab-title a {
    color: #323332 !important;
}
.s_table .layui-tab-brief>.layui-tab-title .layui-this a {
    color: red !important;
}
.s_table .layui-tab-brief>.layui-tab-more li.layui-this:after,.s_table .layui-tab-brief>.layui-tab-title .layui-this:after {
    border: none;
    border-radius: 0;

    position: absolute;
    line-height: 0;
    font-size: 16px;
    top: 44px;
    font-family: layui-icon !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    content: "\e619";
    height: 1px;
    width: 15px;
    left: 39%;
    padding-bottom: 3px;
    border-bottom: 1px solid #fff;
}
.s_title {
    height: 50px;
    border-bottom: 1px #bbbbbb solid;
    margin-bottom: 10px;
}
.table-title {
    min-width: 60px;
    display: contents;
}
.table-title .table-title-i {
    width: 32px;
    height: 32px;
    margin: 0px 4px 0px 0px;
    padding: 0 4.5px;
    border-radius: 30%;
    background: linear-gradient(to bottom, #3974FF, #3974FF);
    color: #fff;
}
.table-title-i i {
    font-size: 21px;
}
.top-buttons {
    display: flex;
}
.top-buttons .btn {
    height: 30px;
    padding: 4px 10px;
    border-radius: 6px;
}
.nav-left .layui-nav-tree,.s_nav .layui-nav-tree {
    width: 150px;
    height: max-content;
    float: left;
    background: #fff;
    border-right: unset;
}
.nav-left .layui-nav-tree .nav-li-a,.s_nav .layui-nav-tree .nav-li-a {
    margin-left: 20px;
}
.nav-left .layui-nav-tree .layui-nav-item dd i,.s_nav .layui-nav-tree .layui-nav-item dd i {
    color: #0052D9;
    font-size: 22px;
    padding-right: 5px;
}
.s_nav .layui-side {
    left: unset;
    top: 180px;
    width: 150px;
}
.s_nav .nav-inpute {
    border: 1px solid #888;
    border-radius: 4px;
    margin: 7px 0;
}